<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>快乐购 - 登录</title>

		<!-- CSS -->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/default.min.css">
		<script src="js/login.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--头部开始-->
		<div style="height: 80px">
			<iframe src="head.html" scrolling="no"  style="width: 100%;border: 0px"></iframe>
		</div>
		<!--头部结束-->

		<!-- 页面主体部分 -->
		<section class="container mt-2">
			<div class="row">
				<div class="col order-md-last">
					<h4>
						<span class="text-danger">登录快乐购</span>
					</h4>
					<span>还没有快乐购账号?</span>
					<a href="register.html">快速注册</a>

					<form action="index.html" class="mt-2">
						<div class="form-group form-row">
							<label for="login" class="col-form-label col-form-label-sm">用户名</label>
							<input name="login" id="login" class="col form-control form-control-sm" required="required" autofocus="autofocus"
							 value="admin" />
						</div>

						<div class="form-group form-row">
							<label for="pwd" class="col-form-label col-form-label-sm pr-3 mr-1">密码</label>
							<input name="pwd" id="pwd" type="password" class="col form-control form-control-sm" required="required" />
						</div>

						<div class="form-group form-row">
							<label for="code" class="col-form-label col-form-label-sm">验证码</label>
							<div class="col p-0 input-group input-group-sm">
								<input name="code" id="code" class="form-control form-control-sm" required="required" />
								<div class="input-group-append">
									<img src="img/vcode-test.png" alt="验证码" title="单击刷新验证码" class="img-fluid input-group-text bg-light" />
								</div>
							</div>
						</div>

						<div class="form-group form-row" style="display: none">
							<label id="login-error-message" class="text-danger ml-5">* 密码不正确</label>
						</div>
						<div class="form-group form-row justify-content-end">
							<button class="btn btn-sm btn-outline-success">登录快乐购</button>
						</div>
					</form>
				</div>

				<div class="col-md-7">
					<img src="img/login_img.jpg" class="img-thumbnail img-responsive" style="width: 100%;" />
				</div>
			</div>
		</section>
		<!-- //页面主体部分结束 -->

		<!-- 页面脚部部分 -->
		<div style="height:800px;margin: 0px auto">
			<iframe src="footer.html" scrolling="no"  style="width: 100%;height: 100%;border: 0px"></iframe>
		</div>
		<!-- //页面脚部部分结束 -->
	</body>
</html>
